<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>SY Platform | Login</title>

    <link href="__STATIC__/css/bootstrap.min.css" rel="stylesheet">
    <link href="__STATIC__/font-awesome/css/font-awesome.css" rel="stylesheet">
    <!-- Toastr style -->
    <link href="__STATIC__/css/plugins/toastr/toastr.min.css" rel="stylesheet">
    <!-- Ladda style -->
    <link href="__STATIC__/css/plugins/ladda/ladda-themeless.min.css" rel="stylesheet">


    <link href="__STATIC__/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/css/style.css" rel="stylesheet">

</head>

<body class="gray-bg">

<div class="middle-box text-center loginscreen animated fadeInDown">
    <div>
        <div>

            <h1 class="logo-name">SY+</h1>

        </div>
        <h3>Welcome to SY+</h3>
        <p>this is description.</p>
        <p>Login in. To see it in action.</p>
        <form id="login_form" class="m-t" role="form" action="#">
            <div class="form-group">
                <input name="username" type="text" class="form-control" placeholder="Username" required="">
            </div>
            <div class="form-group">
                <input name="password" type="password" class="form-control" placeholder="Password" required="">
            </div>
            <button id="login_submit" type="submit" class="btn btn-primary block full-width m-b" data-style="zoom-in">Login</button>
        </form>
        <p class="m-t"> <small>Powered by SY. Copyright &copy; 2018</small> </p>
    </div>
</div>

<!-- Mainly scripts -->
<script src="__STATIC__/js/jquery-3.1.1.min.js"></script>
<script src="__STATIC__/js/bootstrap.min.js"></script>
<!-- Toastr script -->
<script src="__STATIC__/js/plugins/toastr/toastr.min.js"></script>
<!-- Ladda -->
<script src="__STATIC__/js/plugins/ladda/spin.min.js"></script>
<script src="__STATIC__/js/plugins/ladda/ladda.min.js"></script>
<script src="__STATIC__/js/plugins/ladda/ladda.jquery.min.js"></script>

<script src="__STATIC__/js/sy_function.js"></script>
</body>

</html>